#footer{
    display: none !important;
}
body{
        background-color: #FAE9C8;
        #body{
        >div{
            width: 450px;
            margin: 0 auto;
            border-radius: 10px;
            margin-top: 100px;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: white;
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
            >h2{
                margin-top: 30px;
                margin-bottom: 20px;
            }
            // 不带有 .agree
            >div:not(.agree){
                height: 75px;
                >input{
                    border: 2px solid #888;
                    // margin-top: 20px;
                    padding: 10px;
                    border-radius: 5px;
                    width: 300px;
                    font-size: 20px;
                    &.err{
                        border-color: red;
                    }
                    &:focus{
                        border-color: blue;
                    }
                }
                >p{
                    display: none;
                    &.ok{
                        color: green;
                    }
                    &.err{
                        color: red;
                    }
                }
            }
            
            // 同意协议:带有class = ''agree
            >div.agree{
                margin-top: 40px;
                display: flex;
                >a{
                    margin-left: 4px;
                    color: red;
                    font-size: 14px;
                }
            }
           
            >button{
                color: white;
                background-color: #F75148;
                width: 200px;
                height: 36px;
                border-radius: 5px;
                padding: 5px;
                margin: 20px 0;
                font-size: 18px;
            }
        }
    }
}